ComponentOne Basic Library for UWP
Basic Library Overview / RangeSlider for UWP / RangeSlider for UWP Quick Start / Step 1 of 4: Setting Up the Application
In This Topic
    Step 1 of 4: Setting Up the Application
    In This Topic

    In this step, you will create a new Universal Windows application using RangeSlider for UWP.

    1. In Visual Studio, select File | New Project.
    2. In the New Project dialog box, select Templates | Visual C# | Windows | Universal.
    3. From the templates list, select Blank App (Universal Windows) and give your project a Name, and select OK.
    4. Add the following assembly to your application by right-clicking the References folder and selecting Add Reference:
      • C1.UWP.dll
    5. In Design view, click once within the Grid in your application.
    6. Navigate to the Toolbox and double-click the Rectangle icon to add the standard control to the Grid.
    7. In the Design pane, move and resize rectangle1 to fill the center of the Grid.
    8. Switch to XAML view and add a Fill to the <Rectangle> tag so it appears similar to the following:
    XAML
    Copy Code
    <Rectangle Name="rectangle1">
                <Rectangle.Fill>
                    <LinearGradientBrush x:Name="colors">
                        <GradientStop x:Name="goldcol" Color="Gold" Offset="0" />
                        <GradientStop x:Name="blackcol" Color="Black" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
    </Rectangle>
    
    1. Run your application now and observe that it looks similar to the following:

     

     

    You've successfully created a Universal Windows application and customized the Rectangle control. In the next step you'll add and customize the C1RangeSlider control.